import React, { Component } from 'react'

export default class App extends Component {
  state = {
    count: 0,
  }
  render() {
    
    return (
      <div>
        {/* 2. 绑定 */}
        <input
          type="text"
          ref={(node) => {
            //当这个input的真实dom被创建好的时候,这个函数会被自动调用.并且会将这个input的真实dom以实参的时候传递给这个函数的形参
            // console.log(node)
            this.xxx = node
          }}
        />
        <button
          onClick={(e) => {
            // 点击按钮的时候,要修改input的值为123
            // console.log(xxxRef)
            console.log(this.xxx)
          }}
        >
          按钮
        </button>
      </div>
    )
  }
}
